import React, { Component } from 'react';
import { Grid } from 'antd-mobile'
import {ListDiv} from './style'
import connect from './connect'
class list extends Component {

   

    render() {
   
        const data = this.props.hotlist.map((item) => ({
            text: `${item.title}`,
        }));
    
      
        return (
            <ListDiv>
                    <div className="sub-title">热门分类</div>
                    <Grid data={data} activeStyle={false} />
            </ListDiv>
        );
        
    }
   
}

export default connect(list);
